<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index, all" />
    <title>olcesium side-by-side example</title>
    <link rel="stylesheet" href="../node_modules/ol/ol.css" type="text/css">
    <style>
        body{ margin:0; height:100%}
        html{ height:100%} /*兼容firefox的div高度100%*/
        #map2d{ position:absolute; top:0; left:0; width:50%; height:100%; background-color:#CCCCCC}
        #map3d{ position:absolute; top:0; left:50%; width:50%; height:100%; background-color:#0099FF}
    </style>
  </head>
  <body>
    <div id="map2d"></div>
    <div id="map3d"></div>
    <input id="enable" type="button" value="Enable/disable" />
<!-- 确保 Cesium 先加载 -->
    <script src="../node_modules/cesium/Build/Cesium/Cesium.js"></script>
    <script src="inject_ol_cesium.js"></script>
    
    <!-- 添加检查脚本 -->
    <script>
      // 检查 Cesium 是否已加载
      if (typeof Cesium === 'undefined') {
        console.error('Cesium is not loaded!');
      } else {
        console.log('Cesium loaded successfully:', Object.keys(Cesium).length, 'properties');
      }
    </script>
  </body>
</html>
